<template>
  <div class="message">
    <my-header title="粉丝" hasLeft='true' @changeBack="toBack" />
    <div class="msg-warp">
      <div class="msg-nav-item">
        <p class="fans1">你还没有收到任何评论</p>
        <p class="fans2">赶快去发布作品让大家评论吧！</p>
      </div>
    </div>
  </div>
</template>
<script>
import myHeader from '../../../components/header/myHeader'
export default {
  components: {
    myHeader
  },
  methods: {
    toBack(){
      this.$router.push('/msg')
    }
  }
}
</script>
<style scoped>
.message, .msg-warp{
  height: 100%;
}
.msg-warp{
  padding: 0 20px;
  color: #ffffff;
  background-color: #101821;
}
.msg-nav-item{
  text-align: center;
  height: 150px;
}
.msg-nav-item .fans1{
  margin-top: 0;
  padding-top: 250px;
}
.msg-nav-item .fans2{
  font-size: 12px;
  color: #666666;
}
</style>